@charset "utf-8";
/* CSS Document */

.bgColor{ background:#bfc0c0;}
.bgColor_f3f3f3{ background:#f3f3f3;}

.btn{ margin:0; padding:0; border:0;cursor:pointer;}
.btn_more{}
.btn_normal{ width:90px; height:24px; background:url(img/btn_normal.png) no-repeat; color:#fff; font-weight:bold; padding-top:2px\9;}
.btn_normal:hover{ background:url(img/btn_normal_h.png) no-repeat;}

.input_normal{ width:180px; padding:3px;}

.txt_copyright{ font-size:11px; color:#333; margin-top:30px;}
.txt_ps{ font-size:11px; color:#F00;}

.login_bg{ background:#678db2 url(img/login_bg.png) top center no-repeat;}
.login_box{ margin:0 auto; width:510px;}
.login_box .btn_clear{ width:90px; height:24px; background:url(img/btn_clear.png) no-repeat; color:#fff; font-weight:bold; text-indent:10px; padding-top:2px\9;}
.login_box .btn_clear:hover{ background:url(img/btn_clear_h.png) no-repeat;}
.login_box .btn_login{ width:90px; height:24px; background:url(img/btn_login.png) no-repeat; color:#fff; font-weight:bold; text-indent:10px; padding-top:2px\9;}
.login_box .btn_login:hover{ background:url(img/btn_login_h.png) no-repeat;}
.login_logo{ width:100%; margin-top:100px; margin-bottom:10px; border-collapse:collapse;}
.login_logo_img{ width:50%; text-align:right;}
.login_logo_txt_cn{ font-weight:bold; padding-left:30px; filter:
Dropshadow(offx=1,offy=0,color=#cccccc)
Dropshadow(offx=0,offy=1,color=#cccccc); font-size:36px; vertical-align:bottom; height:50px; text-shadow:1px 1px 0 #ddd; }
.login_logo_txt_en{ font-weight:bold; padding-left:30px; font-size:15px; vertical-align:top; font-family:Arial; height:40px; text-shadow:1px 1px 0 #ddd; }
.login_table{ margin:30px 0;}
.login_table tr{ height:40px;}
.login_table .td_txt_th{ display:block; width:160px; text-align:right;}
.login_box_shadow{ height:60px; width:480px; margin:0 auto; background:url(img/login_box_shadow.png) top center no-repeat;}

.header{ height:70px; min-width:960px; background:url(img/header_bg.png) repeat-x;}
.header img.logo{ margin-right:10px; }
.header_logo_txt{ display:inline-block; font-size:26px; font-weight:bold; letter-spacing:0.2em; padding-top:12px; text-shadow:1px 1px 0 #ccc; color:#333;}
.header .user_info{ margin-top:25px; }
.header .user_info .icon_user{ width:16px; height:16px; margin:0 5px; background:url(img/status_online.png) no-repeat;}
.header .btn{ margin-top:20px; }
.header .btn input{ margin:0 5px; border:none; height:24px;}
.header .btn .btn_changeSkin{ background:url(img/header_btn_changeSkin.png) no-repeat; width:24px;}
.header .btn .btn_changeSkin:hover{ background:url(img/header_btn_changeSkin_h.png) no-repeat;}
.header .btn .btn_about{ background:url(img/header_btn_about.png) no-repeat; width:24px;}
.header .btn .btn_about:hover{ background:url(img/header_btn_about_h.png) no-repeat;}
.header .btn .btn_help{ background:url(img/header_btn_help.png) no-repeat; width:24px;}
.header .btn .btn_help:hover{ background:url(img/header_btn_help_h.png) no-repeat;}
.header .btn .btn_quit{ background:url(img/header_btn_quit.png) no-repeat; width:90px; color:#fff; font-weight:bold; text-indent:10px; padding-top:2px\9;}
.header .btn .btn_quit:hover{ background:url(img/header_btn_quit_h.png) no-repeat;}

.wrap{ border-radius:5px; box-shadow:1px 1px 3px #666;}
.wrap .tt{ height:30px; background:url(img/wrap_tt_bg_tm.png) repeat-x; border:#333 1px solid; border-radius:5px 5px 0 0;}
.wrap .tt h2{ color:#fff; font-size:14px; font-weight:bold; line-height:30px; padding:0 15px;}
.wrap .ctt{ padding-bottom:10px; background:#f3f3f3; border:#333 1px solid; border-radius:0 0 5px 5px;}

.searchBar{ min-width:680px; margin-bottom:10px;}
.searchBar .ctt{ padding:5px;10px;}
.searchList select{ margin:0 5px;}
.searchList input{ margin:0 5px;}
.searchBtn selcet{ margin:0 5px;}
.searchBtn input{ margin:0 5px;}
.searchBtn{ padding:2px 0;}
.searchBar .btn_search{ background:url(img/btn_search.png) no-repeat; width:90px; height:24px; color:#fff; font-weight:bold; text-indent:10px; padding-top:2px\9;}
.searchBar .btn_search:hover{ background:url(img/btn_search_h.png) no-repeat;}
.searchBar .btn_addSR{ background:url(img/btn_addRow.png) no-repeat; width:24px; height:24px;}
.searchBar .btn_addSR:hover{ background:url(img/btn_addRow_h.png) no-repeat;}
.searchBar .btn_delSR{ background:url(img/btn_delRow.png) no-repeat; width:24px; height:24px;}
.searchBar .btn_delSR:hover{ background:url(img/btn_delRow_h.png) no-repeat;}

.searchBar_dialog{ margin-bottom:10px; background:#e6e6e6;}
.searchBar_dialog .ctt{ padding:5px 10px;}
.searchBar_dialog .searchList select{ margin:0 5px;}
.searchBar_dialog .searchList input{ margin:0 5px;}
.searchBar_dialog .searchBtn selcet{ margin:0 5px;}
.searchBar_dialog .searchBtn input{ margin:0 5px;}
.searchBar_dialog .searchBtn{ padding:2px 0;}
.searchBar_dialog .btn_search{ background:url(img/btn_search.png) no-repeat; width:90px; height:24px; color:#fff; font-weight:bold; text-indent:10px; padding-top:2px\9;}
.searchBar_dialog .btn_search:hover{ background:url(img/btn_search_h.png) no-repeat;}
.searchBar_dialog .btn_addSR{ background:url(img/btn_addRow.png) no-repeat; width:24px; height:24px;}
.searchBar_dialog .btn_addSR:hover{ background:url(img/btn_addRow_h.png) no-repeat;}
.searchBar_dialog .btn_delSR{ background:url(img/btn_delRow.png) no-repeat; width:24px; height:24px;}
.searchBar_dialog .btn_delSR:hover{ background:url(img/btn_delRow_h.png) no-repeat;}

.dialog_txt{ text-align:center; margin-top:20px;}
.dialog_txt img{ vertical-align:middle;}
.btn_yes{ background:url(img/btn_yes.png) no-repeat; width:60px; height:24px;}
.btn_yes:hover{ background:url(img/btn_yes_h.png) no-repeat;}
.btn_no{ background:url(img/btn_no.png) no-repeat; width:60px; height:24px;}
.btn_no:hover{ background:url(img/btn_no_h.png) no-repeat;}

.dataList{ min-width:680px;} 
.dataList .ctt{ padding:5px 10px;}

.ctrlBtn{ height:40px; line-height:40px; text-align:center;}
.ctrlBtn .btn_back{ width:90px; height:24px; background:url(img/btn_back.png) no-repeat; color:#fff; font-weight:bold; text-indent:10px; padding-top:2px\9;}
.ctrlBtn .btn_back:hover{ background:url(img/btn_back_h.png) no-repeat;}
.ctrlBtn .btn_add{ width:90px; height:24px; background:url(img/btn_add.png) no-repeat; color:#fff; font-weight:bold; text-indent:10px; padding-top:2px\9;}
.ctrlBtn .btn_add:hover{ background:url(img/btn_add_h.png) no-repeat;}
.ctrlBtn .btn_del{ width:90px; height:24px; background:url(img/btn_del.png) no-repeat; color:#fff; font-weight:bold; text-indent:10px; padding-top:2px\9;}
.ctrlBtn .btn_del:hover{ background:url(img/btn_del_h.png) no-repeat;}
.ctrlBtn .btn_edit{ width:90px; height:24px; background:url(img/btn_edit.png) no-repeat; color:#fff; font-weight:bold; text-indent:10px; padding-top:2px\9;}
.ctrlBtn .btn_edit:hover{ background:url(img/btn_edit_h.png) no-repeat;}
.ctrlBtn .btn_submit{ width:90px; height:24px; background:url(img/btn_submit.png) no-repeat; color:#fff; font-weight:bold; text-indent:10px; padding-top:2px\9;}
.ctrlBtn .btn_submit:hover{ background:url(img/btn_submit_h.png) no-repeat;}
.ctrlBtn .btn_close{ width:90px; height:24px; background:url(img/btn_close.png) no-repeat; color:#fff; font-weight:bold; text-indent:10px; padding-top:2px\9;}
.ctrlBtn .btn_close:hover{ background:url(img/btn_close_h.png) no-repeat;}

.pageNumber{ background:url(img/pageNumber_bg.png) repeat-x; border-radius:5px 5px 0 0; padding:0 5px; border:#ccc 1px solid; border-bottom:none;}
.pageNumber a{ display:block; width:16px; line-height:25px; height:16px; margin:6px 6px;}
.pageNumber .pageNumber_cur{ margin:2px 6px;}
.pageNumber .pageNumber_cur input{ vertical-align:middle;}
.pageNumber .first{ background:url(img/btn_pageCtrl_first.png) no-repeat;}
.pageNumber .first:hover{ background:url(img/btn_pageCtrl_first_h.png) no-repeat;}
.pageNumber .first_disable{ background:url(img/btn_pageCtrl_first_dis.png) no-repeat;}
.pageNumber .first_disable:hover{ cursor:default;}
.pageNumber .last{ background:url(img/btn_pageCtrl_last.png) no-repeat;}
.pageNumber .last:hover{ background:url(img/btn_pageCtrl_last_h.png) no-repeat;}
.pageNumber .last_disable{ background:url(img/btn_pageCtrl_last_dis.png) no-repeat;}
.pageNumber .last_disable:hover{ cursor:default;}
.pageNumber .prev{ background:url(img/btn_pageCtrl_prev.png) no-repeat;}
.pageNumber .prev:hover{ background:url(img/btn_pageCtrl_prev_h.png) no-repeat;}
.pageNumber .prev_disable{ background:url(img/btn_pageCtrl_prev_dis.png) no-repeat;}
.pageNumber .prev_disable:hover{ cursor:default;}
.pageNumber .next{ background:url(img/btn_pageCtrl_next.png) no-repeat;}
.pageNumber .next:hover{ background:url(img/btn_pageCtrl_next_h.png) no-repeat;}
.pageNumber .next_disable{ background:url(img/btn_pageCtrl_next_dis.png) no-repeat;}
.pageNumber .next_disable:hover{ cursor:default;}
.pageNumber .pageNumber_num{ text-align:center;}

.tableWrap{ overflow:auto;}
.tableWrap table{ width:100%; border:#ccc 1px solid;}
.tr_odd{ background:#e2e7f0;}
.tr_even{ background:#cbd4e4;}
.tr_cur{ background:#fafae5 !important;}

.table_search tr{ height:30px;}

.table_list tr{ height:30px;}
.table_list tr th{ background:#bcd1e5; text-align:left; padding:0 8px; border-left:#ddd 1px dotted; white-space:nowrap;font-size:12px;}
.table_list tr td{ padding:0 8px; border-left:#ddd 1px dotted; border-bottom:#ddd 1px solid;font-size:12px;}
.table_list tr:nth-child(odd){ background:#cbd4e4;}
.table_list tr:nth-child(even){ background:#e2e7f0;}
.table_list tr th:hover{ cursor:pointer;}
.table_list tr th.down{ background:#bcd1e5 url(img/th_icon_toSortDown.png) no-repeat 95% center;}
.table_list tr th.up{ background:#bcd1e5 url(img/th_icon_toSortUp.png) no-repeat 95% center;}


.table_form{ margin-bottom:10px;}
.rtCRUFdName{ background:#e2e7f0; border-bottom:#ced4e0 1px solid; border-left:#ced4e0 1px solid;font-size:12px;}
.rtCRUFdValue{ background:#e2e7f0; border-bottom:#ced4e0 1px solid; border-left:#ced4e0 1px solid;font-size:12px;}

.txt{ margin:8px;}
.txtArea{ width:450px; height:102px; overflow:auto; margin:8px;}

.nav{ width:100%; height:100%; position:relative;}
.navLv1{ width:110px; height:100%; background:url(img/nav_lv1_bg.png) repeat-y; border-right:#557b9d 1px solid; }
.navLv1_wrap{ position:relative; width:110px; overflow:hidden;}
.navLv1 input[type=button]{ width:110px; height:30px;}
.btn_navSlide_prev{ background:url(img/nav_lv1_btn_prev.png) no-repeat; box-shadow:0 1px 3px #000;}
.btn_navSlide_prev:hover{ background:url(img/nav_lv1_btn_prev_h.png) no-repeat;}
.btn_navSlide_next{ position:absolute; bottom:0px; background:url(img/nav_lv1_btn_next.png) no-repeat; box-shadow:0 -1px 3px #333;}
.btn_navSlide_next:hover{ background:url(img/nav_lv1_btn_next_h.png) no-repeat;}
.navLv1 ul{ position:relative;}
.navLv1 ul li{ height:135px; border-top:#254d6f 1px solid; border-bottom:#a5c6e2 1px solid;}
.navLv1 ul li a{ display:block; zoom:1; text-align:center; color:#333; font-weight:bold; padding:5px 0; margin:10px 6px; border-radius:2px;}
.navLv1 ul li a:hover{ background:#95bdee; border:#557a9a 1px solid; color:#000; margin-top:9px; box-shadow:0 0 2px #369;}
.navLv1 ul li a.getFocus{ background:#2575d9 !important; border:#557a9a 1px solid; color:#fff !important; margin-top:9px; box-shadow:0 0 2px #369;}
.navLv1 ul li a img{ height:64px; width:64px; padding:10px 0;}
.navLv2{ width:150px; height:100%; background:url(img/nav_lv2_bg.png) repeat-y;}
.navLv2 ul{ }
.navLv2 ul li{ position:relative; left:-110px; display:none; border-bottom:#557b9d 1px solid; border-top:#a9bcce 1px solid;}
.navLv2 ul li a{ display:block; zoom:1; height:35px; line-height:35px; text-align:center; background:#87a4bf; color:#000;}
.navLv2 ul li a:hover{ background:#95bdee;}
.navLv2 ul li a.getFocus{ background:#2575d9 !important; color:#fff !important;}
.navLv2 ul li:last-child{ box-shadow:0 1px 2px #666;}

#navHid{ width:20px; background:url(img/nav_hidden_bg.png) repeat-y;}
#navHid a{ display:inline-block; width:20px; height:40px; }
#navHid a.pushIn{ background:url(img/nav_hidden_btn.png) no-repeat;}
#navHid a.pushIn:hover{ background:url(img/nav_hidden_btn_h.png) no-repeat;}
#navHid a.pushOut{ background:url(img/nav_visible_btn.png) no-repeat;}
#navHid a.pushOut:hover{ background:url(img/nav_visible_btn_h.png) no-repeat;}

.divList{ position:relative;}
.divList span{ display:block; width:200px; height:100px; background:#900;}

.navLv1_wrap ul{ position:relative;}

.page_about{ margin-top:2em;}
.page_about h2{ font-size:14px; font-weight:bold; color:#369; margin-top:1.5em;}
.page_about p{ text-indent:2em; margin-top:0.2em; margin-bottom:1em;}

.skinBox_ctrlBtn{ height:40px; line-height:40px; text-align:center; border-bottom:#ccc 1px solid; margin-bottom:10px;}
.skinBox_ctrlBtn input{ margin:0 5px;}
.skinBox img{ height:120px; width:180px; margin:10px 10px 0 10px; border:#666 1px solid;}
.skinBox span{ display:block; text-align:center;}
